<template>
  <div class="input-section">
    <h2>输入文本</h2>
    <textarea v-model="localRawText" placeholder="请输入需要解析的文本，格式为：问题 答案\n每行一个卡片" rows="10"></textarea>
    <div class="parse-options">
      <button @click="parseText" class="primary-button">解析文本</button>
      <p class="format-hint">格式提示：每行一个问答卡片，第一个空格前是问题，空格后是答案</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TextInput',
  data() {
    return {
      localRawText: ''
    }
  },
  methods: {
    parseText() {
      if (!this.localRawText.trim()) {
        this.$emit('parse-error', '请输入文本内容');
        return;
      }
      this.$emit('parse', this.localRawText);
      // 可选：解析后清空文本框
      // this.localRawText = '';
    }
  }
}
</script>